/* ==================
          边框
 ==================== */

/* -- 实线 -- */

.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
	position: relative;
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
	content: " ";
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	transform: scale(0.5);
	transform-origin: 0 0;
	pointer-events: none;
	box-sizing: border-box;
}

.solid::after {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-top::after {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-right::after {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-bottom::after {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-left::after {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.solids::after {
	border: 4px solid rgba(0, 0, 0, 0.1);
}

.solids-top::after {
	border-top: 4px solid rgba(0, 0, 0, 0.1);
}

.solids-right::after {
	border-right: 4px solid rgba(0, 0, 0, 0.1);
}

.solids-bottom::after {
	border-bottom: 4px solid rgba(0, 0, 0, 0.1);
}

.solids-left::after {
	border-left: 4px solid rgba(0, 0, 0, 0.1);
}

/* -- 虚线 -- */

.dashed::after {
	border: 1px dashed rgba(0, 0, 0, 0.5);
}

.dashed-top::after {
	border-top: 1px dashed rgba(0, 0, 0, 0.5);
}

.dashed-right::after {
	border-right: 1px dashed rgba(0, 0, 0, 0.5);
}

.dashed-bottom::after {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}

.dashed-left::after {
	border-left: 1px dashed rgba(0, 0, 0, 0.5);
}